<!doctype html>
<html>
<body>
<style type="text/css">
    body {
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-family: "Helvetica Nenu", Hevetica, Arial, sans-serif;
        overflow: hidden
    }

    body.ready {
        border: 1px solid #eee;
        border-radius: 5px;
        border-color: #eee #ddd #bbb;
        box-shadow: rgba(0, 0, 0, .14) 0 1px 3px
    }

    .github-card {
        border-radius: 5px;
        padding: 8px 8px 0;
        background: #fff;
        color: #555;
        position: relative
    }

    .github-card a {
        text-decoration: none;
        color: #4183c4;
        outline: 0
    }

    .github-card a:hover {
        text-decoration: underline
    }

    .github-card .header {
        position: relative
    }

    .github-card .button {
        position: absolute;
        top: 0;
        right: 8px;
        padding: 4px 8px 4px 7px;
        color: #555;
        text-shadow: 0 1px 0 #fff;
        border: 1px solid #d4d4d4;
        border-radius: 3px;
        font-size: 13px;
        font-weight: 700;
        line-height: 14px;
        background-color: #e6e6e6;
        background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
        background-image: -moz-linear-gradient(#fafafa, #eaeaea);
        background-image: -ms-linear-gradient(#fafafa, #eaeaea);
        background-image: linear-gradient(#fafafa, #eaeaea)
    }

    .github-card .button:hover {
        color: #fff;
        text-decoration: none;
        background-color: #3072b3;
        background-image: -webkit-linear-gradient(#599bdc, #3072b3);
        background-image: -moz-linear-gradient(#599bdc, #3072b3);
        background-image: -ms-linear-gradient(#599bdc, #3072b3);
        background-image: linear-gradient(#599bdc, #3072b3);
        border-color: #518cc6 #518cc6 #2a65a0;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
    }

    .user-card .header {
        padding: 3px 0 4px 57px;
        min-height: 48px
    }

    .user-card .header a {
        color: #707070;
        text-decoration: none
    }

    .user-card .header a:hover strong {
        text-decoration: underline
    }

    .user-card img {
        position: absolute;
        top: 0;
        left: 0;
        width: 48px;
        height: 48px;
        background: #fff;
        border-radius: 4px
    }

    .user-card strong {
        display: block;
        color: #292f33;
        font-size: 16px;
        line-height: 1.6
    }

    .user-card ul {
        text-transform: uppercase;
        font-size: 12px;
        color: #707070;
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        zoom: 1
    }

    .user-card ul:after {
        display: block;
        content: '';
        clear: both
    }

    .user-card .status a {
        color: #707070;
        text-decoration: none
    }

    .user-card .status a:hover {
        color: #4183c4
    }

    .user-card .status li {
        float: left;
        padding: 4px 18px;
        border-left: 1px solid #eee
    }

    .user-card .status li:first-child {
        border-left: 0;
        padding-left: 0
    }

    .user-card .footer {
        font-size: 12px;
        font-weight: 700;
        padding: 11px 0 10px;
        color: #646464
    }

    .user-card .footer a {
        color: #646464
    }

    .repo-card .header {
        padding: 3px 0 4px 57px
    }

    .repo-card .avatar, .repo-card .avatar img {
        position: absolute;
        top: 0;
        left: 0;
        width: 48px;
        height: 48px;
        background: #fff;
        border-radius: 4px
    }

    .repo-card .header a {
        color: #707070
    }

    .repo-card .header strong {
        display: block;
        font-size: 18px;
        line-height: 1.4
    }

    .repo-card .header strong a {
        color: #292f33
    }

    .repo-card .header sup {
        font-size: 10px;
        margin-left: 3px;
        color: #797979
    }

    .repo-card .content {
        padding: 6px 0 10px
    }

    .repo-card .content p {
        margin: 0 5px 0 0;
        font: 18px/24px Georgia, "Times New Roman", Palatino, serif;
        overflow: hidden;
        clear: both;
        word-wrap: break-word
    }

    .repo-card .footer {
        border-top: 1px solid #eee;
        padding: 8px 0 6px
    }

    .repo-card .status {
        font-size: 10px;
        padding-right: 10px;
        text-transform: uppercase
    }

    .repo-card .status strong {
        font-size: 12px;
        padding-right: 5px
    }</style>
<script id="user-card" type="text/template">
    <div
    class="header"><a class="avatar" href="https://github.com/{login}"><img
            src="{avatar_url}&s=48"><strong>{name}</strong><span>@{login}</span></a><a class="button"
                                                                                       href="https://github.com/{login}">Follow</a></div>
    <ul class="status">
        <li><a href="https://github.com/{login}?tab=repositories"><strong>{public_repos}</strong>Repos</a></li>
        <li><a href="https://gist.github.com/{login}"><strong>{public_gists}</strong>Gists</a></li>
        <li><a href="https://github.com/{login}/followers"><strong>{followers}</strong>Followers</a></li>
    </ul>
    <div class="footer">{job}</div></script>
<script id="repo-card" type="text/template">
    <div
    class="header"><a class="avatar" href="https://github.com/{login}"><img src="{avatar_url}&s=48"></a><strong
            class="name"><a href="https://github.com/{full_name}">{name}</a><sup
            class="language">{language}</sup></strong><span>{action}<a
            href="https://github.com/{login}">{login}</a></span><a class="button" href="https://github.com/{full_name}">Star</a></div>
    <div class="content"><p>{description}{homepage}</p></div>
    <div class="footer"><span class="status"><strong>{forks_count}</strong>Forks</span><span class="status"><strong>{watchers_count}</strong>Stars</span>
    </div></script>
<script>
    (function (e) {
        var r = "https://api.github.com/", t;

        function a() {
            var e = window.location.href, r;
            var a = e.slice(e.indexOf("?") + 1).split("&");
            var i = [];
            for (t = 0; t < a.length; t++) {
                r = a[t].split("=");
                i.push(r[0]);
                i[r[0]] = r[1]
            }
            return i
        }

        function i(e, r) {
            if (window.localStorage) {
                if (r) {
                    r._timestamp = (new Date).valueOf();
                    localStorage[e] = JSON.stringify(r)
                } else {
                    var t = localStorage[e];
                    if (t) {
                        return JSON.parse(t)
                    }
                    return null
                }
            }
        }

        function n(e, r) {
            var t = e;
            var a = r.split(".");
            for (var i = 0; i < a.length; i++) {
                if (t) {
                    t = t[a[i]]
                } else {
                    break
                }
            }
            if (t === undefined || t === null) {
                return ""
            }
            return t
        }

        var o = a();

        function l(r, a) {
            var i = e.getElementById(r + "-card");
            var o = /{([^}]+)}/g;
            var l = i.innerHTML;
            var s = l.match(o);
            for (t = 0; t < s.length; t++) {
                l = l.replace(s[t], n(a, s[t].slice(1, -1)))
            }
            return l
        }

        function s(e, r) {
            var t = i(e);
            if (t && t._timestamp) {
                if ((new Date).valueOf() - t._timestamp < 1e4) {
                    return r(t)
                }
            }
            if (o.client_id && o.client_secret) {
                e += "?client_id=" + o.client_id + "&client_secret=" + o.client_secret
            }
            var a = new XMLHttpRequest;
            a.open("GET", e, false);
            a.onload = function () {
                r(JSON.parse(a.response))
            };
            a.send()
        }

        function c(r, a) {
            var i = r.getElementsByTagName("a");
            for (t = 0; t < i.length; t++) {
                (function (e) {
                    e.target = "_" + (o.target || "top")
                })(i[t])
            }
            e.body.appendChild(r);
            e.body.className = "ready";
            if (parent !== self && parent.postMessage) {
                var n = Math.max(e.body.scrollHeight, e.documentElement.scrollHeight, e.body.offsetHeight, e.documentElement.offsetHeight, e.body.clientHeight, e.documentElement.clientHeight);
                parent.postMessage({height: n, sender: o.identity || "*"}, "*")
            }
        }

        function f(t) {
            var a = r + "users/" + t;
            s(a, function (r) {
                r = r || {};
                var n = r.message;
                var o = "0";
                if (n) {
                    r = i(a) || r;
                    o = "?"
                } else {
                    i(a, r)
                }
                r.login = t;
                r.public_repos = r.public_repos || o;
                r.public_gists = r.public_gists || o;
                r.followers = r.followers || o;
                var s = "Not available for hire.";
                if (r.hireable) {
                    var f = "";
                    if (r.email) {
                        f = "mailto:" + r.email
                    } else if (r.blog) {
                        f = r.blog
                    } else {
                        f = r.html_url
                    }
                    s = '<a href="' + f + '">Available for hire.</a>'
                }
                if (n) {
                    s = n
                }
                r.job = s;
                var u = e.createElement("div");
                u.className = "github-card user-card";
                u.innerHTML = l("user", r);
                c(u)
            })
        }

        function u(t, a) {
            var n = r + "repos/" + t + "/" + a;
            s(n, function (r) {
                r = r || {};
                var a = r.message;
                var o = "0";
                if (a) {
                    r = i(n) || r;
                    o = "?"
                } else {
                    i(n, r)
                }
                r.login = t;
                r.avatar_url = "";
                if (r.owner && r.owner.avatar_url) {
                    r.avatar_url = r.owner.avatar_url
                }
                r.forks_count = r.forks_count || o;
                r.watchers_count = r.watchers_count || o;
                if (r.fork) {
                    r.action = "Forked by "
                } else {
                    r.action = "Created by "
                }
                var s = r.description;
                if (!s && r.source) {
                    s = r.source.description
                }
                if (!s && a) {
                    s = a
                }
                r.description = s || "No description";
                var f = r.homepage;
                if (!f && r.source) {
                    f = r.source.homepage
                }
                if (f) {
                    r.homepage = ' <a href="' + f + '">' + f.replace(/https?:\/\//, "") + "</a>"
                } else {
                    r.homepage = ""
                }
                var u = e.createElement("div");
                u.className = "github-card repo-card";
                u.innerHTML = l("repo", r);
                c(u)
            })
        }

        function p() {
        }

        if (!o.user) {
            p()
        } else if (o.repo) {
            u(o.user, o.repo)
        } else {
            f(o.user)
        }
    })(document);
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-21475122-2']);
    _gaq.push(['_trackPageview']);
    (function (d) {
        var g = d.createElement("script");
        g.async = true;
        g.src = "https://ssl.google-analytics.com/ga.js";
        var s = d.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(g, s);
    })(document);</script>
</body>
</html>
